﻿/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

/*=全局样式
=============================================================================================================================================*/

body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	margin: 0px;
	text-align:center;
	
}

div,
form{
	margin:0;
	padding:0;
}
img {
	border: 0;
}
h1{
	padding:0;
	margin:0;
	font-size: 20px;
}
h2,h3,h4,h5,h6{
	padding:0;
	margin:8px 0 0 0;
}
h2{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background: url(../images/items.gif) no-repeat;
	padding-left:20px;
	border-bottom:3px solid #f2f2f2;
	color:#ff9900
}
h3{
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

dl,ul,dt,dd,li{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
dl{
	line-height:24px;
}
fieldset{
	margin:0 15px;
	border:3px solid #f2f2f2;
	padding:10px;
	
}
fieldset legend{
	font-size:14px;
	color:#f90;
	font-weight:700;
	margin:5px 0;
}
fieldset{
	text-align: left;
}
form{
	line-height:23px;
}
.inputStyle {
	border: 1px solid #ccc;
	background-color: #fff;
}
.buttonStyle {
	border:3px double #bbb;
	border-top:3px double #ddd;
	border-left:3px double #ddd;
	background-color: #fff;
	font-size:12px;
	font-weight:700;
	background:url(../images/buttonbg.gif);
	height:25px;
	padding-top:3px
}
form label{
	
}
form br{
	clear:both;
}
a:link {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color:#0B648D;
	text-decoration: none;
}

/*=首页布局
=============================================================================================*/


/*=头部和菜单
=============================================================================================*/
#top{
	width:100%;
	position:relative;
	height:70px;
}
#top .logo{
	position:absolute;
	top:0px;
	left:30px;
}
#top .topmenu{
	position:absolute;
	top:30px;
	right:30px;
}
#top .topmenu img{
	vertical-align:middle;
	margin:0 5px;
}
#menubar{
	
	height:43px;
	width:100%;
	position:relative;
	border-bottom:#FE902F 3px solid;
}
#menubar .menu{
	width:950px;
	margin:0 auto;
	padding-left:150px;
}
#menubar .menu a{
	background:url(../images/menubg.gif) no-repeat 0 bottom;
	width:90px;
	height:23px;
	color:#fff;
	float:left;
	font-weight:700;
	padding-top:20px;
	margin-right:3px;
}
#menubar .menu a:hover{
	color:#fff;
	text-decoration: underline;
}
/*=搜索栏
=============================================================================================*/
#SearchBar{
	height:45px;	
	position:relative;
	background-color:#ffe1a9;
	border:#e4c997 1px solid;
}

#SearchBar .search{
	margin:0 auto;
	color:#666;
}
#remindTime{
	font-size: 15px;
}
/*=中间内容容器
=============================================================================================*/

#mainWrap{
	width:1000px;
	margin: 0 auto;

}
/*=左栏,右栏
=============================================================================================*/
#leftBoxWrap{
	float: left;
	margin-top: 0px;
}
#rightBoxWrap{
	float:right;
}
#leftBoxWrap,#rightBoxWrap{
	text-align:left;
	width:183px;
	overflow:hidden;
}

#leftBoxWrap .title,#rightBoxWrap .title{
	background:url(../images/sideboxtitle.gif) no-repeat;
	margin:0px;
	padding:10px 0px 0px 45px;
	color:#fff;
	font-size: 12px;
}
.sideboxBorder{
	border: 1px solid #ccc;
}
.sideBoxContent{
	padding-left: 12px;
}
.sideBoxContent a:hover{
	color:#f90;
	border-bottom:1px dotted #000;
}

/*=中间主要内容容器
=============================================================================================*/
#mainContentWrap{
	margin-left: 5px;
	padding:0 0px;
	float:right;
	width:810px;	
}
/*=中间主要内容
=============================================================================================*/
#content{
	width: 620px;
	float:left;
}

/*=中间广告
=============================================================================================*/
.banners{
	margin-top: 10px;
	float: right;
}
#navBreadCrumb{
	font-size: 15px;
	font-weight:700;
	text-align: left;
	margin-top: 10px;
}
#navBreadCrumb a{
	font-size: 15px;
	font-weight:700;
	text-align: left;
}
/*=页脚主要内容
=============================================================================================*/
#footer{
	clear:both;
	background:#FE902F;
	margin-top: 10px;
	padding:2px 0;
	text-align:center;
	height: 20px;
}



/*=登录框
=============================================================================================*/
.sideBoxContent label{
	display:block;
	float:left;
	font-weight:700;
	color:#666;
	padding:2px 0;
} 

/*=友情链接框
=============================================================================================*/
.links{
	padding-left: 10px;
}
/*=左边商品分类
=============================================================================================*/
.CategoryIndexWrap .category-top a{
	margin-left: 12px;
	padding-left:12px;
	background:url(../images/t_1.gif) no-repeat ;
	clear:both;
	border-bottom:1px solid #eee;
	display:block;
	height:18px;
	font-size: 13px;
	font-weight:700;
}
.CategoryIndexWrap .category-products a{
	
	color:#7d7d7d;
	padding-left:32px;
	padding-bottom:0px;
	line-height:20px;
	border-bottom:1px solid #eee;
	display:block;
	height:18px;
	clear:both;
}
.CategoryIndexWrap .category-products a:hover{
	background-color: #FED5B0;
	color:#fff;
}

.CategoryIndexWrap .category-top a:hover{
	background-color: #FED5B0;
	color:#fff;
}

/*=中间商品布局
=============================================================================================*/
.centerBoxWrapper {
	border:1px solid #dedede;
	margin-top: 5px;
	overflow: hidden;
	width: 100%;
}

.titleWrap,
.itemsWrap{
	width:100%;
	position:relative;
}

.titleWrap{/*最新商品 特价商品 热卖商品头部*/
	height:40px;
	border-bottom:2px solid #f2f2f2;
	border-top: 2px solid #f2f2f2;
	
}

.titleWrap .name{/*标明是最新商品 特价商品 热卖商品*/
	position:absolute;
	top:0;
	left:0;
}

.titleWrap .viewmore{/*查看更多的链接*/
	position:absolute;
	top:15px;
	right:3px;
}


.itemsWrap .item {/*商品条目循环项*/
	float:left;
	margin:0 auto;
	border:1px dotted #f2f2f2;
	width:150px;
	padding: 1px;
	overflow: hidden;
	text-align: center;
}
.itemsWrap .item label{/*把商品名称放入h1中，更有利于搜索引擎的搜索*/
	font-size: 12px;
	line-height:32px;
	background:url(../images/yel.gif) no-repeat;
	text-align: center;
	height:20px;
	padding:0 0 8px 10px;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	color:#000;
	font-weight: bold;
}

.itemsWrap .item label a:hover{
	color:#f90;
	border-bottom:1px dotted #000;
}

.itemsWrap .item a img{/*商品图片*/
	vertical-align:middle;
	text-align:center;
	padding:2px;
	margin:3px auto;
	border:1px dotted #f2f2f2;
	overflow:hidden;
}

.itemsWrap .item a img:hover{/*商品图片*/
	padding:2px;
	border:1px dotted #f90;
}

.clearBoth {
	clear: both;
}
/*=中间商品分类描述
=============================================================================================*/
#indexCategories{
	margin-top: 10px;
	text-align: left;
}
#indexCategories h1{
	font-size: 18px;
}

/*=中间商品列表
=============================================================================================*/


/*=中间商品详细描述
=============================================================================================*/
#productMainImage{
	width:150px;
	float:left;
	margin-top: 20px;
}
#briefProductInfo{
	width:400px;
	float:right;
	margin-top: 20px;
	text-align: left;
}


/*=商品详细标签
=============================================================================================*/
#productInfoMiddleTabs{
	margin-top: 30px;
	border-bottom: 1px solid;
	padding-left:15px;

}
#productInfoMiddleTabs a{
	display:block;
	float:left;
	background:url(../images/tabs_common.gif);
	width:107px;
	height:17px;
	color:#666;
	padding:4px 5px;
	text-align:center;
}
#productInfoMiddleTabs a.current{
	display:block;
	background:url(../images/tabs_on.gif) 0 0 no-repeat;
	color:#000;
	font-size:14px;
	font-weight:700;
	margin-bottom:-4px;
	height:28px;
	margin-top:-8px;
	padding-top:6px;
}
#container{
	clear:both;
	color:#000;
	padding-top:20px;
}
#container .tabcontent{
	display:none;
}
#productDescription{
	text-align: left;
}
#alsoPurchase{
	background-color: #E0E0E0;
	text-align: left;
}
#alsoPurchase label{
	font-size: 18px;
}
/*=商品详细，用户评论
=============================================================================================*/
#sc3{
	text-align: left;
}
#tellAFriend{
	text-align: left;
}
#tellAFriend label{
	float:left;
	width:110px;
	white-space:nowrap;
	text-align:right;
	font-weight:700;
}
#tellAFriendAdvisory{
	text-align: left;
	margin-top: 10px;
}

#ratingRow {
	margin: 1em 0em 1.5em 0em;
	text-align:left;
}
/*=商品列表，分页
=============================================================================================*/
#productsListingListingTopLinks a:hover{
	color:#f90;
	border-bottom:1px dotted #000;
}
#productsListingListingBottomLinks a:hover{
	color:#f90;
	border-bottom:1px dotted #000;
}
/*=登录页
=============================================================================================*/
#loginDefault h1{
	font-size:20px;
}
.information{
	text-align: left;
}
#loginForm{
	text-align: center;
	margin: 0 auto;
}
#loginForm label{
	float:left;
	padding-left: 100px;
	width:80px;
	text-align:right;
	font-weight:700;
}
/*=购物车表格列表统一样式
=============================================================================================*/
.TableWrap{
  margin-top:15px;
  margin-left:5px;
}
.TableWrap .tab{
}
.TableWrap .tab li{
	display:block;
	float:left;
	width:104px;
	height:26px;
	margin-right:2px;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:#000;
	background:url(../images/membertabon.gif);
	line-height:25px;
}

.TableWrap .list{
	border:1px solid #ccc;
	border-bottom:4px solid #ccc;
	border-collapse:collapse;

}

.TableWrap .list td{
	border-bottom:1px solid #ccc;
	padding:4px 4px;
	text-align:center;
}
.TableWrap .list thead th{
	background:url(../images/2menubg.gif);
	height:24px;
	text-align:center;
	font-size:12px;
}

.amount{
	text-align:right;
	font-weight:700;
}
#cartSubTotal {
	background-color: #e9e9e9;
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	height: 2.2em;
	 }

.TableWrap .list .info{
	color:#999;
	text-align:left;
}
#continueShop{
	float:right;
}

/*=配送支付样式
=============================================================================================*/

#checkoutPaymentHeading {
	font-size: 20px;
	text-align: left;
	margin-top: 15px;
}
#checkoutBillto{
	text-align: left;
	margin-left: 20px;
}
#checkoutBillto address{

	font-size: 15px;
	font-weight: bold;
}
#changeAddress{
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

.leftContentHeading{
	font-size: 20px;
	text-align: left;
	margin-top: 15px;
}
.leftAlign{
	text-align: left;
}
/*=联系我们样式
=============================================================================================*/
#contactUsDefault label{
	float:left;
	padding-left: 10px;
	padding-right:15px;
	width:80px;
	text-align:right;
	font-weight:700;
}
#contactUsForm{
	text-align: left;
}
#contactUsBtn{
	padding-left: 70px;
	margin-top: 10px;
}

/*=帐号注册
=============================================================================================*/
#createAcctDefault fieldset{
	text-align:left;
}
#reginfo ul{
	padding:20px;
	color:#000;
	border-bottom:3px dotted #ccc;
}
#reginfo ul li{
	background:url(../images/articleitems.gif) no-repeat 0 5px;
	padding-left:16px;
	text-align:left;
}

#createAcctDefault label{
	display:block;
	width:100px;
	text-align:right;
	float:left;
	font-weight:700;
	color:#000;
	padding:2px 0;
}
#createAcctSuccessMainContent{
	text-align: left;
}

.addressBookInput label{
	display:block;
	width:100px;
	text-align:right;
	float:left;
	font-weight:700;
	color:#000;
	padding:2px 0;
}
.addressBookInput{
	text-align: left;
}
.addressBookInput
/*=订单确认
=============================================================================================*/
#checkoutBillto label{
	font-size: 15px;
	font-weight: 700;
}

.buttonRow{
	margin: 0.5em;
}
.back {
	float: left;
	}

.forward{
	float: right;
	}
.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}
.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}
